<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--SEO优化项 -->
    <title>07-05</title>
    <meta name="description" content="这里输入网站简介" />
    <meta name="Keywords" content="这里输入网站关键词" />
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入本页面css 文件 -->
    <link rel="stylesheet" href="css/07-05.css">
    <!-- 引入jquery -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>

<body>
    <div class="w1920h2315 bg">

        <!-- 顶部快捷导航 -->
        <div class="nav">
            <!-- logo -->
            <div class="logo fl">
                <img src="img/duocaiyoueryuan_logo.png" width="80px" height="81px" alt="logo">
            </div>
            <!-- 导航按钮 -->
            <div class="nav-box fl">
                <!-- 首页——导航图标模块 -->
                <a href="index.html">
                    <div class="nav-bar" style="width: 47px;height: 69px;">

                        <ul class="nav-box-color">
                            <li class="nav-box-color-icon">
                                <img src="img/index@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                            <li class="nav-box-color-text">首页</li>
                        </ul>
                        <!-- <ul class="nav-box-Selected" style="left: 16px;"></ul> -->

                    </div>
                </a>

                <!-- 班级动态——导航图标模块 -->
                <a href="bjdt.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left:48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-color-icon">
                                <img src="img/班级 拷贝 2@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">班级动态</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>


                <!-- 宝宝课表——导航图标模块 -->
                <a href="bbkc.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 47px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/课表@2x 拷贝 2@2x.png" width="22px" height="22px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝课表</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 宝宝请假——导航图标模块 -->
                <a href="09-02.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li href="09-02.html" class="nav-box-icon" style="top: 12px;left: 11px;">
                                <img src="img/学生请假 拷贝 2@2x.png" width="25px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝请假</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 幼儿园介绍——导航图标模块 -->
                <a href="08-05.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-five">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/幼儿园 拷贝 2@2x.png" width="22px" height="25px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-five">幼儿园介绍</li>
                        <!-- <ul class="nav-box-Selected" style="left: 27px;"></ul> -->
                    </div>
                </a>

                <!-- 出勤详情——导航图标模块 -->
                <a href="07-02.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 12px;left: 13px;">
                                <img src="img/出勤 拷贝 2@2x.png" width="22px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">出勤详情</li>
                        <ul class="nav-box-Selected" style="left: 22px;"></ul>
                    </div>
                </a>

                <!-- 发展评价——导航图标模块 -->
                <a href="10.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li href="10.html" class="nav-box-color-icon">
                                <img src="img/评价 (1) 拷贝 2@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">发展评价</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 发展评价——导航图标模块 -->
                <a href="05.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 11px;">
                                <img src="img/相册 拷贝 2@2x.png" width="25px" height="25px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝相册</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 宝宝课表——导航图标模块 -->
                <a href="01.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/设置 拷贝 2@2x.png" width="22px" height="22px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">班牌设置</li>
                        <!-- <ul class="nav-box-Selected" style="left:22px;"></ul> -->
                    </div>
                </a>

            </div>
            <!-- 日期天气时间 -->
            <div class="weatherDate-Box fr">
                <ul class="temperature fr">21-32°C</ul>
                <ul class="weather fr">
                    <img src="img/天气@2x.png" width="54px" height="53px" alt="weather">
                </ul>
                <ul class="time fr">14 : 43</ul>
                <ul class="dateBox fl">
                    <li class="date">2020-11-16</li>
                    <li class="week">星期一</li>
                </ul>
            </div>
            <!-- 顶部快捷导航start -->
        </div>

        <div class="lion">
            <a href="javascript:;" class="" title="lion" target="">
                <img src="img/千库网_卡通风格动物小狮子_元素编号11884485@2x.png" width="329px" height="257px" alt="">
            </a>
        </div>

        <div class="lujing">
            <ul class="lujing-text">出勤情况 > 到校情况</ul>
        </div>

        <div class="cebianlan">
            <!-- 导航栏按钮 -->
            <div class="SidebarBtn02 fr">
                <img class="imgPosition fl" src="img/图层 24 拷贝 29@2x.png" width="255px" height="66px" alt="">
                <a href="07-02.html" class="SidebarBtn02-text fl" title="" target="">到校情况 (105)</a>
            </div>

            <!-- 导航栏按钮 -->
            <div class="SidebarBtn01 fr">
                <!-- <img class="imgPosition fl" src="img/图层 24 拷贝 29@2x.png" width="255px" height="66px" alt=""> -->
                <a href="07-03.html" class="SidebarBtn-text fl" title="" target="">离校情况 (3)</a>
            </div>

            <!-- 导航栏按钮 -->
            <div class="SidebarBtn01 fr">
                <!-- <img class="imgPosition fl" src="img/图层 24 拷贝 29@2x.png" width="255px" height="66px" alt=""> -->
                <a href="07-04.html" class="SidebarBtn-text fl" title="" target="">未到校学生 (6)</a>
            </div>

            <!-- 导航栏按钮 -->
            <div class="SidebarBtn01 fr">
                <!-- <img class="imgPosition fl" src="img/图层 24 拷贝 29@2x.png" width="255px" height="66px" alt=""> -->
                <a href="07-01.html" class="SidebarBtn-text fl" title="" target="">请假学生 (3)</a>
            </div>







        </div>

        <div class="centerBox fl">

            <div class="animal">
                <!-- <a href="javascript:;" class="" title="animal" target=""> -->
                <img src="img/千库网_小动物袋鼠_元素编号12449121@2x.png" width="423px" height="404px" alt="">
                <!-- </a> -->
            </div>

            <!-- 返回图片 -->
            <div class="fanhui">
                <a href="07-02.html" title="animal" target="" class="">
                    <img src="img/组 27 拷贝@2x.png" width="87px" height="73px" alt="">
                </a>
            </div>

            <!-- 内容模块 -->
            <div class="centerInfoBox">
                <div class="lineInfoBox">
                    <!-- <a href="" class="" title="" target=""> -->
                    <img src="img/图层 775.png" width="266px" height="328px" alt="">
                    <!-- </a> -->
                    <ul class="lineInfoBox-name">周小婷</ul>
                    <ul class="lineInfoBox-zhuangtai">
                        <li class="lineInfoBox-zhuangtai_img fl">
                            <img src="img/lianxiaolianmanyi-@2x.png" width="35px" height="35px" alt="">
                        </li>
                        <li class="lineInfoBox-zhuangtai_txt fl">已到</li>
                    </ul>
                    <ul class="lineInfoBox-sex">性别：女</ul>
                    <ul class="lineInfoBox-birthday">生日：7月23日</ul>
                    <ul class="lineInfoBox-jiazhang">家长：父亲 周小泽</ul>
                    <ul class="lineInfoBox-banji">班级：建幼大三班</ul>
                    <ul class="lineInfoBox-kaoqinka">考勤卡：20152222</ul>
                    <ul class="lineInfoBox-shenfenzheng">身份证：410000000000000000</ul>
                </div>
            </div>
            <!-- 考勤按钮 -->
            <a href="javascript:;">

                <ul class="kaoqin-Btn"></ul>
                <div class="kaoqin-jinri">今日晨检考勤</div>

                <div class="kaoqinbg"></div>
                <div class="kaoqin-lishi">历史晨检考勤</div>

            </a>
            <!-- 记录模块 -->
            <div class="kaoqinInfo ">
                <!-- 图文模块  -->
                <div class="kaoqinBox fl ">
                    <div class="kaoqinBox-huabian fl ">
                        <!-- 小花图片 -->
                        <ul class="kaoqinBox-huabian_xiaohua ">
                            <a href="javascript:; " title=" " target=" " class=" ">
                                <img src="img/图层 24 拷贝 30@2x.png " width="41px " height="39px " alt=" ">
                            </a>
                        </ul>
                        <ul class="kaoqinBox-huabian_xuxian "></ul>
                    </div>
                    <div class="kaoqinBox-neirong fl ">
                        <ul class="kaoqinBox-neirong_line-01 ">
                            <li class="kaoqinBox-neirong_data-01 ">2020-06-03</li>
                        </ul>
                        <ul class="kaoqinBox-neirong_line-02 ">
                            <li class="kaoqinBox-neirong_data-02 fl ">入园时间 2020-06-03</li>
                        </ul>
                        <ul class="kaoqinBox-neirong_img fl ">
                            <!-- <a href="javascript:; " title=" " target=" " class=" "> -->
                            <img src="img/kaoqindaka.jpg " width="625px " height="352px " alt=" ">
                            <!-- </a> -->
                        </ul>
                    </div>
                </div>







            </div>
            <!-- 记录模块 -->
            <div class="kaoqinInfo" style="display: block;">
                <!-- 图文模块  -->
                <div class=" kaoqinBox fl ">
                    <div class="kaoqinBox-huabian fl ">
                        <!-- 小花图片 -->
                        <ul class="kaoqinBox-huabian_xiaohua ">
                            <a href="javascript:; " title=" " target=" " class=" ">
                                <img src="img/图层 24 拷贝 30@2x.png " width="41px " height="39px " alt=" ">
                            </a>
                        </ul>
                        <ul class="kaoqinBox-huabian_xuxian "></ul>
                    </div>
                    <div class="kaoqinBox-neirong fl ">
                        <ul class="kaoqinBox-neirong_line-01 ">
                            <li class="kaoqinBox-neirong_data-01 ">2020-06-03</li>
                        </ul>
                        <ul class="kaoqinBox-neirong_line-02 ">
                            <li class="kaoqinBox-neirong_data-02 fl ">入园时间 2020-06-03</li>
                        </ul>
                        <ul class="kaoqinBox-neirong_img fl ">
                            <!-- <a href="javascript:; " title=" " target=" " class=" "> -->
                            <img src="img/kaoqindaka.jpg " width="625px " height="352px " alt=" ">
                            <!-- </a> -->
                        </ul>
                    </div>
                </div>

                <!-- 图文模块  -->
                <div class="kaoqinBox fl ">
                    <div class="kaoqinBox-huabian fl ">
                        <!-- 小花图片 -->
                        <ul class="kaoqinBox-huabian_xiaohua ">
                            <a href="javascript:; " title=" " target=" " class=" ">
                                <img src="img/图层 24 拷贝 30@2x.png " width="41px " height="39px " alt=" ">
                            </a>
                        </ul>
                        <ul class="kaoqinBox-huabian_xuxian "></ul>
                    </div>
                    <div class="kaoqinBox-neirong fl ">
                        <!-- <ul class="kaoqinBox-neirong_line-01 ">
                            <li class="kaoqinBox-neirong_data-01 ">2020-06-03</li>
                        </ul> -->
                        <ul class="kaoqinBox-neirong_line-02 ">
                            <li class="kaoqinBox-neirong_data-02 fl ">离园时间 2020-06-03 20:20:20</li>
                        </ul>
                        <ul class="kaoqinBox-neirong_img fl ">
                            <!-- <a href="javascript:; " title=" " target=" " class=" "> -->
                            <img src="img/kaoqindaka.jpg " width="625px " height="352px " alt=" ">
                            <!-- </a> -->
                        </ul>
                    </div>
                </div>

                <!-- 图文模块  -->
                <div class="kaoqinBox fl ">
                    <div class="kaoqinBox-huabian fl ">
                        <!-- 小花图片 -->
                        <ul class="kaoqinBox-huabian_xiaohua ">
                            <a href="javascript:; " title=" " target=" " class=" ">
                                <img src="img/图层 24 拷贝 30@2x.png " width="41px " height="39px " alt=" ">
                            </a>
                        </ul>
                        <ul class="kaoqinBox-huabian_xuxian "></ul>
                    </div>
                    <div class="kaoqinBox-neirong fl ">

                        <ul class="kaoqinBox-neirong_line-02 ">
                            <li class="kaoqinBox-neirong_data-02 fl ">晨检时间 2020-06-03 20:20:20</li>
                        </ul>
                        <ul class="kaoqinBox-neirong_line-01 fl ">
                            <li class="kaoqinBox-neirong_data-03 ">晨检：正常&emsp;&emsp;外伤：无&emsp;&emsp;手足：正常&emsp;&emsp;口腔：正常&emsp;&emsp;温度：36.3度&emsp;&emsp;身高：108cm &emsp;&emsp;体重：20公斤
                            </li>
                        </ul>
                        <ul class="kaoqinBox-neirong_img02 fl ">
                            <!-- <a href="javascript:; " title=" " target=" " class=" "> -->
                            <img src="img/kaoqindaka.jpg " width="625px " height="352px " alt=" ">
                            <!-- </a> -->
                        </ul>
                    </div>
                </div>





            </div>


        </div>
    </div>

    <script>
        $(function() {

            $(".kaoqinbg,.kaoqin-jinri,.kaoqin-lishi").click(function() {
                console.log($(".kaoqinInfo"));

                var left = $(".kaoqin-Btn").css("left");
                console.log(left);
                if (left == "119px") {
                    $(".kaoqin-Btn").css("left", 385 + "px");
                    $(".kaoqin-jinri").css("color", "#A1520C");
                    $(".kaoqin-lishi").css("color", "#FFFFFF");
                    $(".kaoqinInfo").eq(1).show();
                    $(".kaoqinInfo").eq(0).hide();
                } else {
                    $(".kaoqin-Btn").css("left", 119 + "px");
                    $(".kaoqin-jinri").css("color", "#FFFFFF");
                    $(".kaoqin-lishi").css("color", "#A1520C");
                    $(".kaoqinInfo").eq(0).show();
                    $(".kaoqinInfo").eq(1).hide();
                }
            });


        });
    </script>

</body>

</html>